<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>奖励提现</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="yes" name="apple-touch-fullscreen">
		<link href="css/css.css" rel="stylesheet">	
		<script src="js/resize.js"></script>
</head>
<body>
<div class="wapbox">
	<script type="text/javascript">
		thissize();
	</script>
	<div class="income-box">
		<div class="income-box-cont">
			<p class="f30 sy">昨日收益（元）</p>
			<div class="income-money">
				<p class="f80">+&nbsp;977.00</p>
				<button class="txbtn f24" onclick="way();">提现</button>
				<div class="clear"></div>
			</div>			
			<ul>			
				<li>
					<p class="f28 span-padding">可提余额（元）</p>
					<p class="f30">9377.00</p>
				</li>
				<li></li>
				<li>
					<p class="f28 span-padding">累计收益（元）</p>
					<p class="f30">1000.00</p>
				</li>
				<div class="clear"></div>
			</ul>
			<a class="bill-entry f28" href="bill.html"><i></i><span>账单</span></a>
		</div>
		<ul class="income-list">
			<li>
				<p class="income-listlit">广告收入<span>+800.00</span></p>
				<p class="income-listlib">8377.00</p>
			</li>
			<li>
				<p class="income-listlit">照片收入<span>+300.00</span></p>
				<p class="income-listlib">877.00</p>
			</li>
			<li>
				<p class="income-listlit">商家红包<span style="color: #00c164;">-50.00</span></p>
				<p class="income-listlib">977.00</p>
			</li>
		</ul>
		<div class="sevendata f30">近七天收入数据</div>
		<div class="chart-box">
			<div class="chart-boxcontent">
			    <canvas id="myChart"style="padding-top: .6rem;"></canvas>
			</div>
		</div>		
	</div>
	<!--提现方式选择框star-->
	<div class="wd-way" style="display: none;">
		<p class="way-tit f32">选择收款方式<i></i></p>
		<button class="first-wd" id="FirBindingWx" onclick="bindingWxShow();">无需开票提现</button>
		<button class="first-wd" id="FirBindingCard" onclick="bindingCardShow();">开票提现</button>
	</div>
	<!--提现方式选择框end-->
	<!--绑定微信钱包star-->
	<div class="realname" style="display: none;">
		<p class="realname-tit f36">实名认证</p>
		<p style="padding-top: .3rem;padding-left: .3rem;text-align: left;font-size: .28rem;color: #333;">请填写实名认证信息</p>
		<div class="realname-input" style="margin-top: .12rem;">
			<span>姓名</span>
			<input type="text" name="" id="" value="" placeholder="请输入收款人真实姓名" />
			<div class="clear"></div>
		</div>
		<p class="errorp"></p>
		<div class="realname-input">
			<span>身份证</span>
			<input type="tel" name="" id="" value="" placeholder="请输入收款人身份证号码" />
			<div class="clear"></div>
		</div>
		<p class="errorp">您输入的身份证格式错误，请重新输入</p>
		<div class="realname-input">
			<span></span>
			<input type="tel"value="" placeholder="再次输入身份证号码" />
			<div class="clear"></div>
		</div>
		<p class="errorp">两次输入号码不一致</p>
		<p style="padding: .15rem 0;margin: .2rem .3rem 0;border-top: 1px solid #e7e7e7;text-align: left;">为响应国家税务局要求，需要填写个人信息，填写信息不正确将提现失败</p>
		<div class="realname-btn f36">
			<button onclick="cancelBing();">取消</button>
			<button onclick="confirm();">确定</button>
		</div>
	</div>
	<!--<div class="binding-box" style="display: none;">
		<p class="f36 binding-tit"> 微信钱包</p>
		<div id="bindingWxPerson">
			<p class="f30 filltxt">请填写</p>
			<p class="f30 bindwx-name"><span>绑定微信钱包</span>的银行卡姓名</p>
			<input class="f30 neme-box" style="outline-color: #00c164;" type="text" name="" id="" />
		</div>
		<div class="binding-btn"><button onclick="cancelBing();">取消</button><button onclick="confirm();">确认</button></div>
	</div>-->
	<!--绑定微信钱包end-->
	<!--收款账号绑定star-->
	<div class="bindingCard f30" style="display: none;">
		<p class="bindingCard-tit">修改收款账号信息</p>
		<p class="bindingCard-p"><span>银行卡：</span><input type="tel" id="dkd" maxlength="24" /></p>
		<p class="bindingCard-p"><span>开户银行：</span><input type="text" /></p>
		<p class="bindingCard-p"><span>公司名称：</span><input type="text" /></p>
		<div class="binding-btn f36"><button onclick="cardCancelBing();">取消</button><button onclick="cardConfirm();">确认</button></div>
	</div>
	<!--收款账号绑定end-->
	<!--绑定成功star-->
	<div class="remind-box" style="display: none;">
		<p class="f36">绑定成功</p>
		<p class="f30">您已绑定成功，现在可以申请提现了</p>
		<a class="f36" href="javascript:void(0)" onclick="extractBtnShow();">我知道了</a>
	</div>
	<!--绑定成功end-->
	<!--提现star-->
	<div class="extract-cash"  id="extractCash" style="display: none;">
		<div class="f32 extract-cash-tit">选择提现金额<a href="javascript:void(0);">税费标准</a><i onclick="extractclose();"></i></div>
		<!--提现列表star-->
		<div id="extractCashList">
			<ul class="extract-numlist">
				<!--点击li添加class:active-->
				<li>500</li>
				<li>800</li>
				<li>1500</li>
				<li>3000</li>
			</ul>
			<p class="f26">本月累计提现超过1800元，税额30.00。</p>
			<p class="f26">照片收入提现按照1%税率。</p>
		    <!--余额不足添加class:lackmoney;选择提现添加class:active-->
			<button class="f32 extract-button" onclick="extractingShow();">提现</button>                                                                
		</div>
		<!--提现列表end-->
		<!--正在提现中star-->
		<div class="extracting" id="extractingCash" style="display: none;">
			<img src="images/wallet.png" alt="" />
			<p class="f36"><span class="f48">500元</span>正在提现中...</p>
		</div>
		<!--正在提现中end-->
		<!--暂无可提余额star-->
		<div class="extracting" id="extractingCash" style="display: none;border-bottom: .04rem solid #dedede;">
			<img src="images/nomoney.png" alt="" />
			<p class="f32">暂无可提余额，加油吧！</p>
		</div>
		<!--暂无可提余额end-->
		<div class="extract-message"><span class="l" onclick="oldWay();">收款方式</span><a class="r" href="withdrawals_record.html">提现记录</a></div>
	</div>
	<!--提现end-->
	<!--公司提现star-->
	<div class="invoice-cash" style="display: none;">
		<div class="invoice-box f32">
			<p class="billing-info">开票信息<span>点我查看</span><i></i></p>
			<div class="invoice-money"><span>开票金额</span><input type="tel" name="开票金额" id="" placeholder="可提余额2000.00" /><span>全部提现</span><div class="clear"></div></div>
			<p class="invoice-num">开票金额只包含广告收入</p>
			<div class="invoice-money"><span>照片收入</span><input type="tel" name="照片收入" id="" placeholder="可提余额2000.00" /><div class="clear"></div></div>
			<p class="invoice-num" style="border-color: transparent;">照片收入需收取1%税费</p>
		</div>
		<button class="f36 invoice-btn">提现990.00</button>
		<div class="invoice-btn-box">
			<a class="f26 l" href="javascript: void(0);" onclick="oldWay();">收款方式</a>
			<a class="f26 r" href="withdrawals_record.html">提现记录</a>
			<div class="clear"></div>
		</div>
	</div>
	<!--公司提现end-->
	<div class="tax-standard f28" style="display: none;">
		<p class="standard-tit f32">税率公式<i onclick="closeExtract();"></i></p>
		<p class="standard-p"> X < 800<span>不扣税</span></p>
		<p class="standard-p">800 ≤ X ≤ 4000<span>税费=(X-800)*20%</span></p>
		<p class="standard-p">4000 < X ≤ 20000<span>税费=X*(1-20%)*20%</span></p>
		<p class="standard-p">20000 < X ≤ 50000<span>税费=X*(1-20%)*30%-2000</span></p>
		<p class="standard-p">50000 < X<span>税费=X*(1-20%)*40%-7000</span></p>
		<div class="calculate">提示：金额提现针对广告部分收入</div>
	</div>
	<!--增值税专用发票star-->
	<div class="added-tax f25" style="display: none;">
		<p class="added-tit f32">增值税专用发票<i onclick="closeInvoice();"></i></p>
		<p class="addedp"><span>开具内容：</span><span>广告发布费（请以公司性质为主）</span></p>
		<p class="addedp"><span>开具：</span><span>增值税专用发票</span></p>
		<p class="addedp"><span>名称：</span><span>深圳前海精准互动传媒有限公司</span></p>
		<p class="addedp"><span>开户行：</span><span>中国银行股份有限公司深圳北方大厦支行</span></p>
		<p class="addedp"><span>注册地址：</span><span>深圳市前海深港合作区前海一路1号A栋201（入驻深圳市前海商务秘书有限公司）</span></p>
		<p class="addedp"><span>邮寄地址：</span><span>深圳市南山区西丽街道红花岭工业南区五区A栋5楼（精准互动传媒）</span></p>
		<p class="addedp"><span>纳税人识别号：</span><span>440300325612426457</span></p>
		<p class="addedp"><span>电话：</span><span>0755-83175151</span></p>
		<p class="addedp"><span>账号：</span><span>752364593177</span></p>
	</div>
	<!--增值税专用发票end-->
	<!--发票开具说明star-->
	<div class="invoice-prompt1">
		<p class="prompt1-tit">增值税专用发票开具说明<i></i></p>
		<img src="images/billing.png" alt="" />
		<button>查看对应的发票位置</button>
	</div>
	<!--发票开具说明end-->
	<div class="invoice-prompt2" style="display: none;">
		<p class="prompt2-tit">查看对应金额位置<i></i></p>
		<img src="images/billing2.jpg" alt="" />
		<button>知道了</button>
	</div>
	<!--蒙层star--><div class="trans-layer" style="display: ;"></div><!--蒙层end-->
	<!--蒙层star--><div class="trans-layer2" style="display: none;"></div><!--蒙层end-->
</div>
<script src="js/jquery.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/chartdate.js"></script>
<script src="js/js.js"></script> 
<script>
	$(function(){
		$(".invoice-prompt1 button").click(function(){
			$(this).parent().hide();
			$(".invoice-prompt2").show();
		})
		$(".prompt1-tit i").click(function(){
			$(".trans-layer").hide();
			$(".invoice-prompt1").hide();
		})
		$(".invoice-prompt2 button").click(function(){
			$(this).parent().hide();
			$(".trans-layer").hide();
		})
		$(".prompt2-tit i").click(function(){
			$(".trans-layer").hide();
			$(".invoice-prompt2").hide();
		})
		
	})
</script>
</body>
</html>
